﻿* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}
body {
    background: url(../images/header-bg_csgo.jpg) no-repeat;
}
.iconfont {
    font-size: 14px !important;
}


.market-header {
    width: 1200px;
    background: url(../images/marcket-header-bg.png) no-repeat;
    color: #90969C;
    padding: 24px 0 0;
    margin-bottom: 20px;
}
    .market-header .type-wrapper {
        height: 90px;
        display: block;
        margin: 0 30px;
    }

.market-header .type-wrapper .type-item {
    float: left;
    text-align: center;
    border-radius: 2px 2px 0 0;
    padding: 8px;
    margin: 0 18.5px 0 0;
    cursor: pointer;
    color: #8D9297;
    display: block;
    width: 94px;
    position: relative;
    z-index: 80;
    height: 74px;
}
.type-wrapper .type-item:hover {
   background:#2d2f3e;
}
.type-wrapper .type-item.active {
   background: #2d2f3e;
}
.type-wrapper .type-item p {
    height: 18px;
    line-height: 18px;
    padding: 12px 0;
    font-size: 12px;
}
.type-wrapper .type-item .icon {
    width: 32px;
    height: 32px;
    background: url(../images/icon_csgo.less.png);
}
.type-wrapper .type-item .bs {
    background-position: -34px 0;
}
.type-wrapper .type-item .sq {
    background-position: 0 -68px;
}
.type-wrapper .type-item .bq {
    background-position: -68px 0;
}
.type-wrapper .type-item .cfq {
    background-position: -34px -68px;
}
.type-wrapper .type-item .sdq {
    background-position: -68px -34px;
}
.type-wrapper .type-item .jq {
    background-position: 0 -34px;
}
.type-wrapper .type-item .st {
    background-position: -102px 0;
}
.type-wrapper .type-item .qt {
    background-position: -34px -34px;
}
.type-wrapper .type-item:last-child {
    margin:0;
}
.market-header .search-wrapper {
    margin: 0 30px;
    border-top: 1px solid #2c2f38;
    padding: 14px 0;
    min-height: 32px;
}
.search-wrapper input {
    border: 1px solid #e3e3e3;
    border-color: #3F5D97;
    border-radius: 2px; 
    color: #E4E8EE;
    background: rgba(72,134,255,.16);
    padding: 3px 6px;
    line-height: 24px;
    min-height: 24px;
    vertical-align: middle;
    font-size: 12px;
}

.goods-header {
    background: #1c202b;
    padding-bottom: 1px;
    min-height: 52px;
}
    .goods-header ul{
        float:left;
    }
        .goods-header ul li {
            color: #929394;
            font-weight: 700;
            float: left;
            font-size: 15px;
            text-align: center;
            cursor: pointer;
            border-right: 1px solid #303B4F;
            width: 170px;
            height: 52px;
            line-height: 52px;
            overflow: hidden;
        }
            .goods-header ul li.on, .goods-header ul li:hover {
                color: #fff;
                background: url(../images/icon.less.png);
                background-position: -304px -76px;
            }